/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; }

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }

	.sidebars-2.sidebar-a-right #sidebar-a,
	.sidebars-2.sidebar-b-right #sidebar-b { float: right; }

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	/* Layout */
	.width33 { width: 50%; }
	.width33:nth-child(odd):last-child { width: 100%; }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width33,
	.width40,
	.width50,
	.width60,
	.width66,
	.width75,
	.width80 { width: 100%; }

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}


/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



.acymailing_form {float: right;}
/* Breakpoints
____________________________________________________________________________________________________*/


/* All except large Screens
____________________________________________________________________________________________________*/

@media (max-width: 1220px) {
	
}


/* Only Phones and Tablets (Portrait) 
____________________________________________________________________________________________________*/

@media (max-width: 959px) {
	.menu-dropdown a.level1 > span, 
	.menu-dropdown span.level1 > span{
		padding: 12px 15px 0 5px
	}

	article hr.divide {
		margin: 2em -1.5em;
	}

	div.acymailing_module{
		text-align: center;
		width: 100%;
	}

	.wk-slideshow-home .caption{
		height: 300px;
	}


/*columns blocks
----------------------------------------------------------------------------------------------------*/

	/*events*/
	.event{display: inline-block;}

	#totop-scroller, #toTop {display: none !important}
}


/* Only Tablets (Portrait) 
____________________________________________________________________________________________________*/

@media (min-width: 768px) and (max-width: 959px) {

	/*reduce the padding for menus*/

	.menu-dropdown a.level1 > span, 
	.menu-dropdown span.level1 > span{
		padding: 4px 10px 0 3px
	}

	.wk-slideshow-home .caption h2{font-size: 30px}
	.wk-slideshow-home .caption{
		height: 265px;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) 
____________________________________________________________________________________________________*/

@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones 
____________________________________________________________________________________________________*/

@media (max-width: 767px) {

	/*base*/
	h2 {line-height: 33px;}

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#header-top,
	#header-bottom,
	.mid-divide
	 { display: none; }

	/*widgetkit*/
	#header-responsive{padding: 5px 15px 20px;}
	.wk-slideshow-home .caption,
	.wk-slideshow .next, .wk-slideshow .prev {display: none !important}
	
	#toTop {display: none !important}
	
	/*pricing tables*/
	.price-col{
		width: 90% !important;
		padding-right: 0;
		border: 1px solid #CECECE;
		-webkit-border-radius: 5px !important;
		   -moz-border-radius: 5px !important;
		    -ms-border-radius: 5px !important;
		     -o-border-radius: 5px !important;
		        border-radius: 5px !important;
		 margin-bottom: 5px;
	}


	ul.feature > li {padding: 7px 1px !important}
	.price-col .price-tag{padding: 15px 5px 10px !important}
	.call-action {padding: 20px 5px 25px}
	
	/*blocks*/
	[class*="column"] + [class*="column"]:last-child {float: left;}
	
	.row .one-fourth, .row .two-fourths {
		width: 47.5%; 
		margin-left: 0;
		margin-right: 2.3%;
	}	

	.row .two-fourths {
		width: 100%;
	}

	.row .one-fifth{
		width: 100%;
		left: auto;
		margin-left: 0;
	}

	.row .one-sixth{
		width: 100%;
		left: auto;
		margin-left: 0;
	}

	/*tabs*/
	.hidden-img{
		height: 60%;
		right: -25px;
	}	

	/*reveal*/
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%; 
		width: 100%; 
		background: #000; 
		z-index: 40; 
		display: none; 
		top: 0; 
		left: 0; 
	}

	.reveal-modal {
		visibility: hidden; 
		top: 100px; 
		left: 0; 
		margin: 10px; 
		width: auto; 
		background: #eee url(../images/typo/modal-gloss.png) no-repeat -200px -80px; 
		position: absolute; 
		z-index: 41; 
		padding: 30px 40px 34px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);
	}

	.reveal-modal .close-reveal-modal {font-size: 22px;	line-height: .5; position: absolute;top: 8px; 	right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6);	font-weight: bold;} 
	.reveal-modal .row {min-width: 0;}


	.reveal-modal input[type="text"],
	.reveal-modal input[type="password"],
	.reveal-modal input[type="email"],
	.reveal-modal select{	
		width: 100%;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-ms-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
		transition: background-color .15s ease-in-out;
	}

	/*registration*/
	#system form.submission fieldset > div > input[type="text"], 
	#system form.submission fieldset > div > input[type="password"],
	input[type="text"],
	legend, fieldset
	{width: 95%;}

	#system form.submission fieldset > div > textarea,
	textarea
	{width: 88% ;}

	input[type="text"]#jform_profile_dob{ width: 82% !important;}

	/*newsletter*/
	.acymailing_introtext {
		text-align: center; 
		padding-bottom: 20px;
		white-space: normal;
		left: 0;
	}

	#newsletter p{margin-left: -38px}
	#newsletter .acymailing_form p{float: none; top: 24px;}
	#newsletter .acymailing_form p.acysubbuttons{top: -2px; }
	div.acymailing_module, .acymailing_module div
	{
		display: inline-block;
		width: 100%;
		text-align: center
	}

	.acyfield_email input[type="text"]{
		width: 55%;
	}

	.gkTabsWrap {overflow: hidden}
	.gkTabsContainer{border-width: 0 0 1px 1px !important}
	/*toggles*/
	.showhide li h4 {font-size: 18px; padding: 8px 45px 5px;}

}

/* Only Phones (Landscape) 
____________________________________________________________________________________________________*/

@media (min-width: 480px) and (max-width: 767px) {
	.width35{
		width: 50%;
	}	

	.gkTabsContainer{
		padding: 0 10px;
	}

}

/* Only Phones (Portrait) 
____________________________________________________________________________________________________*/

@media (max-width: 479px) {

	/*sections*/
	.width35{
		width: 100%;
	}	

	/*blocks*/
	.row .column, .row .columns{
		width: 100%; 
		margin-left: 0
	}

	/*logo*/
	.logo-img{height:60px}
	.hidden-img{display: none}
	.module-title{font-size: 20px}
	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
	
	/*tabs*/
	#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li, .gkTabsWrap.vertical ol li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-order li{margin-bottom: 5px !important;}
	.gkTabsGK5 {margin-top: 0;}
	.gkTabsContainer{
		padding: 0 10px;
	}	

	/*widgetkit*/
	video,
	.mejs-poster.mejs-layer img
	{max-width: 100% !important; }	

	.mejs-container.mejs-audio, 
	.mejs-container.mejs-audio > div
	{max-width: 100% !important; }

}


/*@media only screen and (min-width: 1200px) {
#mosaic div.sprocket-mosaic ul.sprocket-mosaic-container.sprocket-mosaic-columns-3 li {width: 326px!important;}
#mosaic div.sprocket-mosaic ul.sprocket-mosaic-container.sprocket-mosaic-columns-3 ul.sprocket-mosaic-tags li {width: auto !important;}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
#mosaic div.sprocket-mosaic ul.sprocket-mosaic-container.sprocket-mosaic-columns-3 li {
width: 318px!important;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#mosaic div.sprocket-mosaic ul.sprocket-mosaic-container.sprocket-mosaic-columns-3 li {
width: 254px!important;}
}*/